<style>
    .tableContentAdjust{
        text-align: center;
        vertical-align: middle;
    }

    @media print {
        .noprint {
            display: none
        }
        table, th, td {
            height: 40px;
            border: 1px solid #C7C7C7;
        }
        .border1{
            border:1px solid #C7C7C7;
        }
        input{
            border:none;
        }
    }
</style>

<div class="ribbon ">
    <a href=""><span class="home fa fa-home"></span></a>
    <ol class="breadcrumb">
        <li>配送工日月配送统计表</li>
    </ol>
</div>

<div class="table-wrapper ">
    <div class="toolbar">
        <form role="form">
            <div class="">
                <div class="col-md-11">
                    <div class="col-md-12">
                        <label class="input">责任部门：</label>
                        <label class="input"><input type="text" class="form-control input-md" ng-model="q.liableDepartmentName" ng-change="search()" placeholder="选择部门" ng-disabled="q.isControled"></label>
                        <span class="glyphicon glyphicon-calendar" ng-click="initDepartmentSelect()" ng-if="!q.isControled"></span>

                        <label class="input" >选择配送工:</label>
                        <label class="input">
                            <select class="form-control input-md" style="width: 170px" ng-model="vm.selectedUser" ng-options="user.userId for user in vm.userList" ng-selected="" ng-change="deliveryWorkerIdChange()"></select>
                        </label>
                        <label class="input">今日配送时间:</label>
                        <!--<span style="color:red">*</span>-->
                        <label class="input"><input type="text"  id="datetimepickerDailyTimeStart"  class="form-control" ng-model="dailyData.startTime"></label>
                        <label class="input">至</label>
                        <label class="input"><input type="text"  id="datetimepickerDailyTimeEnd"  class="form-control" ng-model="dailyData.endTime"></label>
                        <label class="input">月累计配送时间:</label>
                        <!--<span style="color:red">*</span>-->
                        <label class="input"><input type="text"  id="datetimepickerMonthlyTimeStart"  class="form-control" ng-model="monthlyData.startTime"></label>
                        <label class="input">至</label>
                        <label class="input"><input type="text"  id="datetimepickerMonthlyTimeEnd"  class="form-control" ng-model="monthlyData.endTime"></label>
                    </div>
                </div>
                <div class="col-md-1">
                    <button  ng-click="search()" class="btn btn-md btn-primary pull-right"><i class="fa fa-search"></i> 搜索 </button>
                </div>
            </div>

        </form>
    </div>

    <table class="table table-striped table-hover props table-sm table-bordered table-condensed" style="border-top: 10px;">
        <thead>
            <tr>
            <td width="20%" colspan="2" class="message tableContentAdjust" style="color:deepskyblue">配送工ID:{{vm.selectedUser.userId}}</td>
            <td width="40%" rowspan="2" class="message tableContentAdjust bkColor1">今日配送量</td>
            <td width="40%" rowspan="2" class="message tableContentAdjust bkColor2">月累计配送量</td>
        </tr>
            <tr>
            <td width="10%" class="message tableContentAdjust">品名</td>
            <td width="10%" class="message tableContentAdjust">规格</td>
        </tr>
        </thead>

        <tbody>
            <tr  ng-repeat="item in data.gasCylinderSpecsList track by $index">
                <td width="10%" ng-if="$index ==0" rowspan={{data.gasCylinderSpecsList.length}}>液化气</td>
                <td width="10%"  class="message tableContentAdjust">{{item.name}}</td>
                <td width="40%"  class="message tableContentAdjust">{{item.salesByPayDaily.count}}</td>
                <td width="40%"  class="message tableContentAdjust">{{item.salesByPayMonthly.count}}</td>
            </tr>
        </tbody>
        <tbody>
            <tr>
                <td width="20%" colspan="2" class="message tableContentAdjust">合计</td>

                <td width="40%"  class="message tableContentAdjust">{{q.sumDailyCount}}</td>
                <td width="40%"  class="message tableContentAdjust">{{q.sumMonthlyCount}}</td>
        </tr>
        </tbody>
    </table>
</div>